<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="{{_res_path}}/css/Take full benefits.css">
    <style>
        .container {
            background: url("{{_res_path}}/img/backdrop/{{bg}}") left center !important;
            background-size: cover !important;
            display: flex;
            justify-content: center;
            padding: 20px;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="block revenue">
            <h2>总收益</h2>
            <p>建筑数量: {{TBN}}</p>
            <p>总收益: {{TR}}</p>
            <p>当前饼干数量：{{CQ}}</p>
        </div>
    </div>
    <div class="container">
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/指针.png" alt="图像" style="max-width: 100%; height: auto;">
            <p>指针数量：{{B1_N}}</p>
            <p>指针收益<br>{{B1_E}}</p>
            <p>指针生产时长<br><b>{{Pointer_production_time}}</b></p>
        </div>

        <div class="block details">
            <img src="{{_res_path}}/img/buildings/老太婆.png" alt="图像" style="max-width: 100%; height: auto;">
            <p>老太婆数量：{{B2_N}}</p>
            <p>老太婆收益<br>{{B2_E}}</p>
            <p>老太婆生产时长<br><b>{{Productive_time_of_old_woman}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/农场.png" alt="图像" style="max-width: 100%; height: auto;">
            <p>农场数量：{{B3_N}}</p>
            <p>农场收益<br>{{B3_E}}</p>
            <p>农场生产时长<br><b>{{Farm_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/矿坑.png" alt="图像" style="max-width: 100; height: auto;">
            <p>矿坑数量：{{B4_N}}</p>
            <p>矿坑收益<br>{{B4_E}}</p>
            <p>矿坑生产时长<br><b>{{Pit_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/工厂.png" alt="图像" style="max-width: 100%; height: auto;">
            <p>工厂数量：{{B5_N}}</p>
            <p>工厂收益<br>{{B5_E}}</p>
            <p>工厂生产时长<br><b>{{Factory_production_time}}</b></p>
        </div>
    </div>
    <div class="container">
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/银行.png" alt="图像" style="max-width: 100; height: auto;">
            <p>银行数量：{{B6_N}}</p>
            <p>银行收益<br>{{B6_E}}</p>
            <p>银行生产时长<br><b>{{Bank_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/神庙.png" alt="图像" style="max-width: 100; height: auto;">
            <p>神庙数量：{{B7_N}}</p>
            <p>神庙收益<br>{{B7_E}}</p>
            <p>神庙生产时长<br><b>{{Temple_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/巫师塔.png" alt="图像" style="max-width: 100; height: auto;">
            <p>巫师塔数量：{{B8_N}}</p>
            <p>巫师塔收益<br>{{B8_E}}</p>
            <p>巫师塔生产时长<br><b>{{Bank_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/装运飞船.png" alt="图像" style="max-width: 100; height: auto;">
            <p>装运飞船数量：{{B9_N}}</p>
            <p>装运飞船收益<br>{{B9_E}}</p>
            <p>装运飞船生产时长<br><b>{{Shipping_spacecraft_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/炼金术实验室.png" alt="图像" style="max-width: 100; height: auto;">
            <p>炼金术实验室数量：{{B10_N}}</p>
            <p>炼金术实验室收益<br>{{B10_E}}</p>
            <p>炼金术实验室生产时长<br><b>{{Alchemy_lab_production_time}}</b></p>
        </div>
    </div>
    <div class="container">
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/传送门.png" alt="图像" style="max-width: 100; height: auto;">
            <p>传送门数量：{{B11_N}}</p>
            <p>传送门收益<br>{{B11_E}}</p>
            <p>传送门生产时长<br><b>{{Portal_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/时光机.png" alt="图像" style="max-width: 100; height: auto;">
            <p>时光机数量：{{B12_N}}</p>
            <p>时光机收益<br>{{B12_E}}</p>
            <p>时光机生产时长<br><b>{{Time_machine_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/反物质聚光镜.png" alt="图像" style="max-width: 100; height: auto;">
            <p>反物质聚光镜数量：{{B13_N}}</p>
            <p>反物质聚光镜收益<br>{{B13_E}}</p>
            <p>反物质聚光镜生产时长<br><b>{{Antimatter_condenser_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/棱镜.png" alt="图像" style="max-width: 100; height: auto;">
            <p>棱镜数量：{{B14_N}}</p>
            <p>棱镜收益<br>{{B14_E}}</p>
            <p>棱镜生产时长<br><b>{{Prism_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/机会制造器.png" alt="图像" style="max-width: 100; height: auto;">
            <p>机会制造器数量：{{B15_N}}</p>
            <p>机会制造器收益<br>{{B15_E}}</p>
            <p>机会制造器生产时长<br><b>{{Opportunity_maker_production_time}}</b></p>
        </div>
    </div>
    <div class="container">
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/分形引擎.png" alt="图像" style="max-width: 100; height: auto;">
            <p>分形引擎数量：{{B16_N}}</p>
            <p>分形引擎收益<br>{{B16_E}}</p>
            <p>分形引擎生产时长<br><b>{{Fractal_engine_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/Javascript控制台.png" alt="图像" style="max-width: 100; height: auto;">
            <p>Javascript控制台数量：{{B17_N}}</p>
            <p>Javascript控制台收益<br>{{B17_E}}</p>
            <p>Javascript控制台生产时长<br><b>{{Javascript_console_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/空闲宇宙.png" alt="图像" style="max-width: 100; height: auto;">
            <p>空闲宇宙数量：{{B18_N}}</p>
            <p>空闲宇宙收益<br>{{B18_E}}</p>
            <p>空闲宇宙生产时长<br><b>{{Idle_universe_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/脑皮屑面包师.png" alt="图像" style="max-width: 100; height: auto;">
            <p>脑皮屑面包师数量：{{B19_N}}</p>
            <p>脑皮屑面包师收益<br>{{B19_E}}</p>
            <p>脑皮屑面包师生产时长<br><b>{{Brain_zest_baker_production_time}}</b></p>
        </div>
        <div class="block details">
            <img src="{{_res_path}}/img/buildings/你.png" alt="图像" style="max-width: 100; height: auto;">
            <p>你数量：{{B20_N}}</p>
            <p>你收益<br>{{B20_E}}</p>
            <p>你生产时长<br><b>{{Your_production_time}}</b></p>
        </div>
    </div>

</body>

</html>